<template>
  <Jsx :name="name" @on-click="fun"></Jsx>
</template>
<script setup lang="ts">
// 在根组件中以组件的形式导入 TSX 文件并使用
import { Ref, ref } from 'vue';
import Jsx from './App'
const name = ref('Tom')
// 注册自定义事件的处理函数，接受来自子组件的数据
const fun = (val: Ref<boolean>) => {
  console.log(val.value)
}
</script>
<style scoped>

</style>